// 初始化数据
var getData=[];
var junk=[];
// var noticeJSON=[
// 	{
// 		id : 3,
// 		name : 'xx',
// 		title : 'helloword',
// 		type : '通知', // 1 是通知，2 是批评 3 是表扬
// 		content : '你死了',
// 		time : '2019-9-6',
// 	},
// 	{
// 		id : 2,
// 		name : 'xx',
// 		title : 'helloword',
// 		type : '通知', // 1 是通知，2 是批评 3 是表扬
// 		content : '你吗死了',
// 		time : '2019-9-6',
// 	},
// 	{
// 		id : 1,
// 		name : 'xx',
// 		title : 'helloword',
// 		type : '通知', // 1 是通知，2 是批评 3 是表扬
// 		content : '你爹死了',
// 		time : '2019-9-6',
// 	},
// 	];
// 
// localStorage.setItem('noticeData',JSON.stringify(noticeJSON));

// 按钮
var bt_remove = $('#remove');
var bt_add = $('#add');
var bt_dustbin = $('#dustbin');
var bt_add_sure = $('.form-add-sure');
var bt_add_close = $('.form-add-close');
var bt_dusbin_close = $('.table-dusbin-close');

// 改变样式的节点
var obj_remove_type = $('#remove>span');
var notice_node;
var obj_remove;
var obj_box_add = $(".box-add");
var obj_type = $('.type-choice>ul>li');
var obj_type_choice = $('.type-choice>ul>li');
var obj_box_dusbtn = $('.box-dusbtn');
var obj_dusbtn_cotent = $('.table-dusbin-content')

// 获取公告发布输入框
var oTitle = $('.form-add-title').find('input');
var oContent = $('.form-add-content').find('textarea');

// 获取公告发布界面
var notice_show_box = $("#notice-box");
var content_msg = $("#content-msg");

// 改变的公告发布中选择类型的参数
var check_flag=0;

var thispow=localStorage.getItem('thispow');

if(thispow=='普通'||thispow=='高级'){
	$('.flex-center').css('display','none');
}
// 获取本地时间
function getTime(){
	var str;
	var time = {
		year : '',
		month : '',
		day : ''
	}
	var date = new Date();
	time.year = date.getFullYear();
	time.month = date.getMonth()+1;
	time.day = date.getDate();
	str = time.year+'-'+time.month+'-'+time.day;
	return str;
}
function rendering(){
	notice_show_box.html('');
	var str = localStorage.getItem('noticeData');
	getData = JSON.parse(str);
	if(getData!=null){
		for(var i=0;i<Math.ceil(getData.length/2);i++){
			notice_show_box.append(
				'<div class="row ">'+
				'	<div class="col-md-6 notice-obj">'+
				'	</div>'+
				'	<div class="col-md-6 notice-obj">'+
				'	</div>'+
				'</div>'
			);
		}
		for(var j=0;j<getData.length;j++){
			notice_show_box.children().eq(Math.floor(j/2)).children().eq(j%2).append(
			'<div class="notice-obj-box" index='+ getData[j].id +'>'+
			'		<div class="bt-remove">'+
			'			<span class="glyphicon glyphicon-remove"></span>'+
			'		</div>'+
			'		<div class="tag">'+
			'			<div>'+
			'				<span class="title">'+ getData[j].title +'</span>'+
			'				<span class="type">'+ getData[j].type +'</span>'+
			'			</div>'+
			'			<div>'+
			'				<span class="name">发布者: '+ getData[j].name +'</span>'+
			'				<span class="time">发布时间: '+ getData[j].time +'</span>'+
			'			</div>'+
			'		</div>'+
			'		<p class="word"> '+ getData[j].content +' </p>'+
			'		<div class="remove-bt"></div>'+
			'	</div>'
			);
		}
		notice_node = $('.notice-obj-box');
		obj_remove = $('.notice-obj-box>.bt-remove');
	}
}

rendering();
addJunk();

// 添加公告
var check_type = 0;
obj_type.click(function(){
	for(var i=0;i<obj_type.length;i++){
		obj_type_choice.eq(i).removeClass('take-it');
	}
	$(this).addClass('take-it');
	check_type = $(this).index();
});
bt_add.click(function(){
	obj_box_add.css({
		"display" : "block",
	});
	obj_remove_type.eq(0).css({
		"opacity": "1",
	});
	obj_remove_type.eq(1).css({
		"opacity": "0"
	});
	if(getData!=null){
		obj_remove.css({
			"display" : "none"
		});
		notice_node.css({
			"box-shadow": "none"
		});
	}
	check_flag = 0;
})
bt_add_close.click(function(){
	obj_box_add.css({
		"display" : "none",
	});
});
oTitle.on('input',function(){
	$(this).css({
		"border-color" : "#7d5a20",
	});
	if($(this).val().length==0){
		$(this).css({
			"border-color" : "red",
		});
	}
});
oContent.on("input",function(){
	$(this).css({
		"border-color" : "#7d5a20",
	});
	if($(this).val().length==0){
		$(this).css({
			"border-color" : "red",
		});
	}
});
bt_add_sure.click(function(){
	var json = {
		id : '',
		name : '',
		title : '',
		type : '',
		time : '',
	} 
	json.title = oTitle.val();
	json.content = oContent.val();
	if(json.title.length==0){
		oTitle.css({
			"border-color" : 'red',
		});
	}
	if(json.content.length==0){
		oContent.css({
			"border-color" : 'red',
		});
	}
	if(json.title.length==0&&json.content.length==0){
		oTitle.css({
			"border-color" : 'red',
		});
		oContent.css({
			"border-color" : 'red',
		});
	}
	if(json.title.length!=0&&json.content.length!=0){
		json.name = 'xhy';
		json.time = getTime();
		switch(check_type){
			case 0 : json.type = '通知';break;
			case 1 : json.type = '表彰';break;
			case 2 : json.type = '批评';break;
		}
		
		var str = localStorage.getItem("noticeData");
		var data = JSON.parse(str);
		
		if(data==null){
			json.id = 1;
			data = [];
		}else{
			var str = localStorage.getItem("noticeData");
			var data = JSON.parse(str);
			if(data.length==0){
				json.id = 1;
			}else{
				json.id = parseInt(data[0].id)+1;
			}
		}
		
		data.unshift(json);
		localStorage.setItem('noticeData',JSON.stringify(data));
		rendering();
		json.title = oTitle.val('');
		json.content = oContent.val('');
		for(var i=0;i<obj_type.length;i++){
			obj_type_choice.eq(i).removeClass('take-it');
		}
		obj_type.eq(0).addClass("take-it");
		check_type = 0;
		obj_box_add.css({
			"display" : "none",
		});
	}
});
// 查看公告内容内容
notice_show_box.on("click",".word",function(){
	content_msg.css({
		"display" : "block",
	});
	content_msg.find(".msg").text($(this).text());
});

content_msg.find(".close").click(function(){
	content_msg.css({
		"display" : "none",
	});
});


// 删除公告
bt_remove.click(function(){
	check_flag++;
	if(check_flag == 3){
		check_flag = 1;
	}
	if(check_flag == 1){
		obj_remove_type.eq(0).css({
			"opacity": "0"
		});
		
		obj_remove_type.eq(1).css({
			"opacity": "1"
		});
		
		obj_remove.css({
			"display" : "block"
		});
		
		notice_node.css({
			"box-shadow": "5px 5px 10px #dcd3c7"
		});
	}else if(check_flag == 2){
		obj_remove_type.eq(0).css({
			"opacity": "1"
		});
		
		obj_remove_type.eq(1).css({
			"opacity": "0"
		});
		
		obj_remove.css({
			"display" : "none"
		});
		
		notice_node.css({
			"box-shadow": "none"
		});
	}

});
notice_show_box.on('click','.bt-remove',function(){
	var str = localStorage.getItem("noticeData");
	var data = JSON.parse(str);
	var index = $(this).parent().attr("index");
	
	var junk_json = {
		id : '',
		title : '',
		name : '',
		type : '',
		time : '',
		content : ''
	}
	
	for(var i=0;i<data.length;i++){
		if(data[i].id == index){
			junk_json.id = data[i].id;
			junk_json.title = data[i].title;
			junk_json.name = data[i].name;
			junk_json.type = data[i].type;
			junk_json.time = data[i].time;
			junk_json.content = data[i].content;
			
			data.splice(i,1);
		}
	}
	
	junk.unshift(junk_json);
	localStorage.setItem("junk",JSON.stringify(junk));
	addJunk();
	localStorage.setItem('noticeData',JSON.stringify(data));
	rendering();
	obj_remove_type.eq(0).css({
		"opacity": "0"
	});
	obj_remove_type.eq(1).css({
		"opacity": "1"
	});
	obj_remove.css({
		"display" : "block"
	});
	notice_node.css({
		"box-shadow": "5px 5px 10px #dcd3c7"
	});
});

// 垃圾箱
// 垃圾箱添加
function addJunk(){
	obj_dusbtn_cotent.html('');
	junk = JSON.parse(localStorage.getItem("junk"));
	if(junk!=null){
		for(var i=0;i<junk.length;i++){
			obj_dusbtn_cotent.append(
			'	<div class="obj-dusbin" index='+ i +'>'+
			'		<div class="content">'+
			'			<div class="title">'+ junk[i].title +'</div>'+
			'			<div class="other">'+
			'				<div class="type">'+ junk[i].type +'</div>'+
			'				<div class="name">'+ junk[i].name +'</div>'+
			'				<div class="time">'+ junk[i].time +'</div>'+
			'				<div class="msg">'+ junk[i].content +'</div>'+
			'			</div>'+
			'		</div>'+
			'		<div class="back-bt">'+
			'			<span class="glyphicon glyphicon-repeat" aria-hidden="true"></span>'+
			'		</div>'+
			'	</div>'
			);
		}
	}else if(junk==null){
		junk = [];
	}
}
// 垃圾箱返回垃圾
obj_dusbtn_cotent.on("click",".back-bt",function(){
	getData.unshift({
		id : getData[0]==null?1:++getData[0].id,
		name : $(this).prev().find('.name').text(),
		title : $(this).prev().find('.title').text(),
		type : $(this).prev().find('.type').text(),
		content : $(this).prev().find('.msg').text(),
		time : $(this).prev().find('.time').text(),
	});
	junk.splice($(this).parent().attr('index'),1);
	localStorage.setItem("junk",JSON.stringify(junk));
	addJunk();
	localStorage.setItem("noticeData",JSON.stringify(getData));
});

bt_dustbin.click(function(){
	obj_box_dusbtn.css({
		"display" : "block"
	});
});
bt_dusbin_close.click(function(){
	obj_box_dusbtn.css({
		"display" : "none"
	});
	rendering();
});

